*{
    margin: 0;
    padding: 0;
}
#box{
    width: 479px;
    height: 100vh;
    margin: 0 auto ;
    position: relative;
    overflow: hidden;
}
/* start封面页 */
#first{
    background-image: url(img/index.png);
    background-size: 100% 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
}
#start{
    /*height: 7%;*/
    width: 40%;
    position: absolute;
    bottom: 30vh;
    left: 30%;
    cursor: pointer;
}
/* level关数页 */
#level{
    background-image: url(img/level.png);
    background-size:cover ;
    position: absolute;
    width: 100%;
    height: 100%;
    left:0;
    z-index: 2;
    font-size: bolder;
}
@keyframes toleft{
    0%{
        left:0;
    }
    50%{
        left:0;
    }
    100%{
        left:-100%;
    }
}
#number{
    font-size:90px ;
    position:absolute;
    bottom: 28vh;
    left: 42%;
}
/* 圆的容器页 */
#container{
    width: 100%;
    height: 100%;
    left:0;
    background-color: black;
    z-index: 1;
}
@keyframes flash{
    0%{opacity: 1;}
    25%{opacity: 0;}
    50%{opacity: 1;}
    75%{opacity: 0;}
    100%{opacity: 1;}
}
/* over页 */
#over{
    background-image: url(img/over.png);
    background-size: 100% 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 3;
}
#score{
    font-size:55px ;
    position:absolute;
    top: 24%;
    left: 20%;
}
#again{
    height: 7%;
    position: absolute;
    top: 75%;
    left: 29%;
    cursor: pointer;
}
#butRank{
    height: 7%;
    position: absolute;
    top: 85%;
    left: 29%;
    cursor: pointer;
}
/* rank页 */
#rank{
    background-image: url(img/rank.png);
    background-color: black;
    background-size: 100% 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 4;
}
#again2{
    height: 7%;
    position: absolute;
    top: 85%;
    left: 26%;
    cursor: pointer;
}
.buildSon{
    width: 40px;
    height: 40px;
    border-radius:50% ;
    background-color: white;
    position: absolute;
}
/* 媒体查询 */
@media screen and (max-width:479px ) {
    #box,#first,#level,#container,#over{
        width: 100vw;
    }
}